<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>vue</title>
        <!-- 引入vue文件-->
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
	</head>
	<style>
		.class{
			background:#444;
			color:#eee;
		}
	</style>
	<body>
		<!--判断 class1 的值，如果为 true 使用 class1 类的样式，否则不使用该类： -->
		<div id="vue">
			<!--for="r1" :绑定lable标签与单选框 -->
			<label for="r1">修改样式</label><input type="checkbox"  v-model="class1" id="r1"/>
			<br />
			<!--v-bind: 属性值 -->
			<div v-bind:class="{class:class1}">
				恒华伟业
			</div>
		</div>
		<script>
			new Vue({
				el:'#vue',
				data:{
					class1:false
				}
			})
		</script>
	</body>
</html>
